<!DOCTYPE html>
<!-- saved from url=(0048)http://www.h5hh.cn:8080/taobao/html/address.html -->
<html style="font-size: 23.4375px;" class=" canvas canvastext geolocation rgba hsla multiplebgs borderimage borderradius boxshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions  video audio localstorage sessionstorage webworkers applicationcache fontface"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<title>管理收货地址</title>
		<link rel="stylesheet" type="text/css" href="./管理收货地址_files/reset.css">
		<link rel="stylesheet" type="text/css" href="./管理收货地址_files/area.css">
		<link rel="stylesheet" href="./管理收货地址_files/address.css">
		<link rel="icon" type="image/x-icon" href="http://www.h5hh.cn:8080/taobao/img/logo.ico">
		<script src="./管理收货地址_files/rem.js" type="text/javascript" charset="utf-8"></script>
		<script src="./管理收货地址_files/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script><style>@font-face{font-family:testfont;src:url('data:font/ttf;base64,AAEAAAAMAIAAAwBAT1MvMliohmwAAADMAAAAVmNtYXCp5qrBAAABJAAAANhjdnQgACICiAAAAfwAAAAEZ2FzcP//AAMAAAIAAAAACGdseWYv5OZoAAACCAAAANxoZWFk69bnvwAAAuQAAAA2aGhlYQUJAt8AAAMcAAAAJGhtdHgGDgC4AAADQAAAABRsb2NhAIQAwgAAA1QAAAAMbWF4cABVANgAAANgAAAAIG5hbWUgXduAAAADgAAABPVwb3N03NkzmgAACHgAAAA4AAECBAEsAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAACAAMDAAAAAAAAgAACbwAAAAoAAAAAAAAAAFBmRWQAAAAgqS8DM/8zAFwDMwDNAAAABQAAAAAAAAAAAAMAAAADAAAAHAABAAAAAABGAAMAAQAAAK4ABAAqAAAABgAEAAEAAgAuqQD//wAAAC6pAP///9ZXAwAAAAAAAAACAAAABgBoAAAAAAAvAAEAAAAAAAAAAAAAAAAAAAABAAIAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEACoAAAAGAAQAAQACAC6pAP//AAAALqkA////1lcDAAAAAAAAAAIAAAAiAogAAAAB//8AAgACACIAAAEyAqoAAwAHAC6xAQAvPLIHBADtMrEGBdw8sgMCAO0yALEDAC88sgUEAO0ysgcGAfw8sgECAO0yMxEhESczESMiARDuzMwCqv1WIgJmAAACAFUAAAIRAc0ADwAfAAATFRQWOwEyNj0BNCYrASIGARQGKwEiJj0BNDY7ATIWFX8aIvAiGhoi8CIaAZIoN/43KCg3/jcoAWD0JB4eJPQkHh7++EY2NkbVRjY2RgAAAAABAEH/+QCdAEEACQAANjQ2MzIWFAYjIkEeEA8fHw8QDxwWFhwWAAAAAQAAAAIAAIuYbWpfDzz1AAsEAAAAAADFn9IuAAAAAMWf0i797/8zA4gDMwAAAAgAAgAAAAAAAAABAAADM/8zAFwDx/3v/98DiAABAAAAAAAAAAAAAAAAAAAABQF2ACIAAAAAAVUAAAJmAFUA3QBBAAAAKgAqACoAWgBuAAEAAAAFAFAABwBUAAQAAgAAAAEAAQAAAEAALgADAAMAAAAQAMYAAQAAAAAAAACLAAAAAQAAAAAAAQAhAIsAAQAAAAAAAgAFAKwAAQAAAAAAAwBDALEAAQAAAAAABAAnAPQAAQAAAAAABQAKARsAAQAAAAAABgAmASUAAQAAAAAADgAaAUsAAwABBAkAAAEWAWUAAwABBAkAAQBCAnsAAwABBAkAAgAKAr0AAwABBAkAAwCGAscAAwABBAkABABOA00AAwABBAkABQAUA5sAAwABBAkABgBMA68AAwABBAkADgA0A/tDb3B5cmlnaHQgMjAwOSBieSBEYW5pZWwgSm9obnNvbi4gIFJlbGVhc2VkIHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgT3BlbiBGb250IExpY2Vuc2UuIEtheWFoIExpIGdseXBocyBhcmUgcmVsZWFzZWQgdW5kZXIgdGhlIEdQTCB2ZXJzaW9uIDMuYmFlYzJhOTJiZmZlNTAzMiAtIHN1YnNldCBvZiBKdXJhTGlnaHRiYWVjMmE5MmJmZmU1MDMyIC0gc3Vic2V0IG9mIEZvbnRGb3JnZSAyLjAgOiBKdXJhIExpZ2h0IDogMjMtMS0yMDA5YmFlYzJhOTJiZmZlNTAzMiAtIHN1YnNldCBvZiBKdXJhIExpZ2h0VmVyc2lvbiAyIGJhZWMyYTkyYmZmZTUwMzIgLSBzdWJzZXQgb2YgSnVyYUxpZ2h0aHR0cDovL3NjcmlwdHMuc2lsLm9yZy9PRkwAQwBvAHAAeQByAGkAZwBoAHQAIAAyADAAMAA5ACAAYgB5ACAARABhAG4AaQBlAGwAIABKAG8AaABuAHMAbwBuAC4AIAAgAFIAZQBsAGUAYQBzAGUAZAAgAHUAbgBkAGUAcgAgAHQAaABlACAAdABlAHIAbQBzACAAbwBmACAAdABoAGUAIABPAHAAZQBuACAARgBvAG4AdAAgAEwAaQBjAGUAbgBzAGUALgAgAEsAYQB5AGEAaAAgAEwAaQAgAGcAbAB5AHAAaABzACAAYQByAGUAIAByAGUAbABlAGEAcwBlAGQAIAB1AG4AZABlAHIAIAB0AGgAZQAgAEcAUABMACAAdgBlAHIAcwBpAG8AbgAgADMALgBiAGEAZQBjADIAYQA5ADIAYgBmAGYAZQA1ADAAMwAyACAALQAgAHMAdQBiAHMAZQB0ACAAbwBmACAASgB1AHIAYQBMAGkAZwBoAHQAYgBhAGUAYwAyAGEAOQAyAGIAZgBmAGUANQAwADMAMgAgAC0AIABzAHUAYgBzAGUAdAAgAG8AZgAgAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAASgB1AHIAYQAgAEwAaQBnAGgAdAAgADoAIAAyADMALQAxAC0AMgAwADAAOQBiAGEAZQBjADIAYQA5ADIAYgBmAGYAZQA1ADAAMwAyACAALQAgAHMAdQBiAHMAZQB0ACAAbwBmACAASgB1AHIAYQAgAEwAaQBnAGgAdABWAGUAcgBzAGkAbwBuACAAMgAgAGIAYQBlAGMAMgBhADkAMgBiAGYAZgBlADUAMAAzADIAIAAtACAAcwB1AGIAcwBlAHQAIABvAGYAIABKAHUAcgBhAEwAaQBnAGgAdABoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAAAAAAgAAAAAAAP+BADMAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAQACAQIAEQt6ZXJva2F5YWhsaQ==')}</style>
		<script type="text/javascript" src="./管理收货地址_files/area.js"></script>
	</head>
	
	<body>
		<div id="lu_header">
			<a href="javascript:;" id="back"><img src="./管理收货地址_files/set1_03.jpg"></a>
			<span>管理收货地址</span>
		</div>
		<div class="container">
			<div id="lu_box">
				<ul id="lu_ul">
					<!--<li class="bgcolor"><a>收货人：路亚军</a><n>18811761131</n><p>收获地址：北京北京市大兴区天宫院街道 大兴二职学校</p><img class="img_dui" src="../img/dui_03.jpg"/></li>
					<li><a>收货人：路亚军</a><n>18811761131</n><p>收获地址：北京北京市大兴区天宫院街道 北京市大兴区天宫院小区大兴二职</p></li>-->
				</ul>
			</div>
			<div class="create_addr" style="height: 567px;">
				<div id="addAddress">
					<div class="address_input">
						<input class="address_input1" type="text" placeholder="省市区" id="shengshi" onclick="getProvinceBuy()" readonly="readonly">
					</div>
					<div class="address_input">
						<input type="text" placeholder="请输入街道地址" class="address_input2 street">
					</div>
					<div class="address_input">
						<input type="text" placeholder="请输入详细地址" class="address_input2 details_address">
					</div>
					<div class="address_input">
						<input type="text" placeholder="请输入收货人姓名" class="address_input2 receive_name">
					</div>
					<div class="address_input">
						<input type="text" placeholder="请输入收入联系电话" class="address_input2 telephone">
					</div>
				</div>
			</div>
		</div>
		<div id="lu_footer">
			<a href="javascript:;" class="newcreate">新增收货地址</a>	
			<a href="javascript:;" class="save_addr">保存地址</a>	
		</div>
		<div class="warnMsg">
			
		</div>
	
	<script type="text/javascript">
		var flag_back=true;
		var username=sessionStorage.getItem("username");
		var user_addr=sessionStorage.getItem('useraddr');
		//从数据库获取用户地址
		if (user_addr) {
			var arr=user_addr.split('-');
			$('#lu_ul').append("<li class='bgcolor'><a>收货人："+arr[3]+"</a><n>"+arr[4]+"</n><p>收货地址："+arr[0]+arr[1]+arr[2]+"</p><img class='img_dui' src='../img/dui_03.jpg' /></li>");
		}
		//点击地址栏修改本地址
		$(document).on('click','#lu_ul li',function(){
			flag_back=false;
			$('#lu_box').css('display','none');
			$('.create_addr').css('display','block');
			$('.newcreate').css('display','none');
			$('.save_addr').css('display','block');
			var user_addr=sessionStorage.getItem('useraddr');
			var arr=user_addr.split('-');
			$('#shengshi').val(arr[0]);
			$('.street').val(arr[1]);
			$('.details_address').val(arr[2]);
			$('.receive_name').val(arr[3]);
			$('.telephone').val(arr[4]);
		})
		//点击返回按钮
		$('#back').click(function(){
			if (flag_back) {
				location.href="personal.html";
			} else{
				$('#lu_box').css('display','block');
				$('.create_addr').css('display','none');
				$('.newcreate').css('display','block');
				$('.save_addr').css('display','none');
				$('.dqld_div ul').css('display','none');
				flag_back=true;
			}
		})
		//点击新增收货地址
		$('.newcreate').click(function(){
			flag_back=false;
			$('#lu_box').css('display','none');
			$('.create_addr').css('display','block');
			$('.newcreate').css('display','none');
			$('.save_addr').css('display','block');
			$('#shengshi').val('');
			$('.street').val('');
			$('.details_address').val('');
			$('.receive_name').val('');
			$('.telephone').val('');
		})
		$('.create_addr').height( $(window).height()-$('#lu_header').height()-$('#lu_footer').height() );
		//点击保存地址，往数据库添加地址，并且页面中新增地址
		var reg_details=/^\d{5,}$/;
		var reg_tel=/^1[34578]\d{9}$/;
		$('.save_addr').click(function(){
			if (username) {
				var sheng=$('#shengshi').val();
				var street=$('.street').val();
				var details=$('.details_address').val();
				var receive_name=$('.receive_name').val();
				var telephone=$('.telephone').val();
				if (sheng&&street&&details&&receive_name&&telephone) {
					if (receive_name.length<2||receive_name.length>15) {
						$('.warnMsg').text("收货人姓名：2-15个字符限制");
						$('.warnMsg').fadeIn(100,function(){
							setTimeout(function(){
								$('.warnMsg').fadeOut(100);
							},3000);
						});
						return;
					}
					if (details.length<5||details.length>60) {
						$('.warnMsg').text("收货人地址最少5个字，最多不能超过60个字");
						$('.warnMsg').fadeIn(100,function(){
							setTimeout(function(){
								$('.warnMsg').fadeOut(100);
							},3000);
						});
						return;
					}
					if (reg_details.test(details)) {
						$('.warnMsg').text("收货人地址不能全为数字");
						$('.warnMsg').fadeIn(100,function(){
							setTimeout(function(){
								$('.warnMsg').fadeOut(100);
							},3000);
						});
						return;	
					}
					if (!reg_tel.test(telephone)) {
						$('.warnMsg').text("内地手机号码为11位数字，海外手机号码为6-20位数字");
						$('.warnMsg').fadeIn(100,function(){
							setTimeout(function(){
								$('.warnMsg').fadeOut(100);
							},3000);
						});
						return;	
					}
					var user_addr2=sheng+"-"+street+"-"+details+"-"+receive_name+"-"+telephone;
					$.ajax({
						type:"get"
						,url:"http://47.92.37.168/supermarket/data/user_update_addr.php"
						,async:true
						,data:{
							'user_addr':user_addr2,
							'user_phone':username
						}
						,dataType:"jsonp"
						,jsonp:"callback"
						,success:function(data){
							console.log(data);
							if (data=='success') {
								$('#lu_box').css('display','block');
								$('.create_addr').css('display','none');
								$('.newcreate').css('display','block');
								$('.save_addr').css('display','none');
								flag_back=true;
								sessionStorage.setItem("useraddr",user_addr2);
								var arr=user_addr2.split('-');
								$('#lu_ul').empty();
								$('#lu_ul').append("<li class='bgcolor'><a>收货人："+arr[3]+"</a><n>"+arr[4]+"</n><p>收货地址："+arr[0]+arr[1]+arr[2]+"</p><img class='img_dui' src='../img/dui_03.jpg' /></li>");
								$('.warnMsg').text("操作成功");
								$('.warnMsg').fadeIn(100,function(){
									setTimeout(function(){
										$('.warnMsg').fadeOut(100);
									},3000);
								});
							}
						}
					});
				} else{
					$('.warnMsg').text("内容不能为空！");
					$('.warnMsg').fadeIn(100,function(){
						setTimeout(function(){
							$('.warnMsg').fadeOut(100);
						},2000);
					});
				}
			} else{
				location.href="login.html";
			}
		})
	</script>

</body></html>